body {
            
            background: white;
            background-repeat: no-repeat no-repeat;
        }

        body, html {
            height: 100%;
            margin:0;
            padding:0;
        }

        h2 {
            text-align: center;
        }

        h1 {
            font-size: 40px;
            text-align: center;
        }
        #container {
            margin: 0 auto;
            margin-top: 30px;
            text-align: center;
            width: 800px;
            position:relative;
        }
        #container .left {
            border-top: solid 2px #ddd;
            text-align: left;
        }

        .log {
            margin: 30px 0;
            font-size: 20px;
        }

        em {
            background: #2d2d2d;
            color: #b9b9b9;
            padding: 4px 10px;
            border-radius: 10px;
            display:inline-block;
            margin: 20px 0;
            font-style: normal;
            display: none;
        }
        .angle-container {
            display: inline-block;
            margin: 10px;
        }
        #anglepicker2 {
            position:absolute;
            top:10px;
            right:10px;
            width: 30px;
            height: 30px;
        }
.ui-anglepicker {
    width: 52px;
    height: 52px;

    background: #dbdbdb;
    background: url();
    background: -moz-linear-gradient(top, #dbdbdb 0%, #e1e1de 20%, #f8f8f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(20%,#e1e1de), color-stop(100%,#f8f8f3));
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: -o-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: -ms-linear-gradient(top, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%,#e1e1de 20%,#f8f8f3 100%);
    
    border: 2px solid #666;

    -moz-box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
    -webkit-box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;
    box-shadow: inset 0 2px 3px white, inset 0 -1px 2px #fffef8;

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}
.ui-anglepicker-pointer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;

    margin: -2px 0 0 -2px;
    -moz-transform-origin: 2px 2px;
    -webkit-transform-origin: 2px 2px;
    -ms-transform-origin: 2px 2px;
    -o-transform-origin: 2px 2px;
    transform-origin: 2px 2px;
}

.ui-anglepicker:hover, .ui-anglepicker.ui-anglepicker-dragging {
    border-color: #494949;
}

.ui-anglepicker-dragging .ui-anglepicker-dot, .ui-anglepicker-dragging .ui-anglepicker-line,
.ui-anglepicker:hover .ui-anglepicker-dot, .ui-anglepicker:hover .ui-anglepicker-line {
    background: #494949;
}

.ui-anglepicker-dot {
    height: 4px;
    width: 4px;
    position: absolute;
    background: #838383;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ui-anglepicker-line {
    margin-top: 1.5px;
    margin-right: -2px;
    height: 1px;
    background: #838383;
}​

